<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>反馈意见</title>
    <link rel="stylesheet" th:href="@{/static/before/css/common.min.css}" />
    <link rel="stylesheet" th:href="@{/static/before/css/contact.min.css}" />
    <link rel="stylesheet" th:href="@{/static/before/css/amazeui.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/before/css/style.css}">
    <link rel="stylesheet" type="text/css" th:href="@{http://www.jq22.com/jquery/font-awesome.4.6.0.css}">
    <link th:href="@{/static/before/css/froala_editor.min.css}" rel="stylesheet" type="text/css">
</head>
<body>
<!--header-->
<div th:insert="before/header :: header"></div>
<div class="section">
    <div class="container">
        <div class="section--header">
            <h2 class="section--title">您的意见</h2>
            <p class="section--description">
                为了您的体验感做到更好。<br/>
                One Web，Any Device
            </p>
        </div>

        <div class="section-container">
            <div class="am-g">
                <!--contact-left start-->
                <div class="am-u-md-5">
                    <ul class="contact-left">
                        <li class="contact-box-item">
                            <div class="contact_item">
                                <i class="contact_item--icon am-icon-phone"></i>
                                <h3 class="contact_item--title">电话联系</h3>
                                <p class="contact_item--text">
                                    联系电话： <strong>400-069-0309</strong>,
                                    <br> 周一 - 周五, 8：00 - 19:00
                                </p>
                            </div>
                        </li>
                        <li class="contact-item">
                            <div class="contact_item">
                                <i class="contact_item--icon am-icon-envelope-o"></i>
                                <h3 class="contact_item--title">发送邮件</h3>
                                <p class="contact_item--text">
                                    service@yunshipei.com, <br/>期待您的来信...
                                </p>
                            </div>
                        </li>
                        <li class="contact-item">
                            <div class="contact_item">
                                <i class="contact_item--icon am-icon-map-marker"></i>
                                <h3 class="contact_item--title">地址信息</h3>
                                <p class="contact_item--text">
                                    北京市海淀区海淀大街27号天使大厦（原亿景大厦）三层西侧
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--contact-right start-->
                <div class="am-u-md-7">
                    <div class="contact-form">
                        <p class="contact-form_title">请填写信息</p>
                        <form class="am-form" th:action="@{/doContact}" method="post" id="myForm">
                            <div class="am-g">
                                <div class="am-u-md-6">
                                    <input name="name" type="text" class="" placeholder="姓名">
                                </div>
                                <div class="am-u-md-6">
                                    <input name="email" type="email" class="" placeholder="Email">
                                </div>
                            </div>

                            <div class="am-g">
                                <div class="am-u-md-6">
                                    <input name="phone" type="text" class="" placeholder="电话">
                                </div>
                                <div class="am-u-md-6">
                                    <div class="am-form-group" style="background: #fcfcfc;">
                                        <input name="type" type="text" class="" placeholder="商品类型">
                                        <!--<select id="doc-select-1" style="width: 100%;font-size: 16px;line-height: 20px;padding: 15px 20px;border-radius: 3px;color: #262626;border: 2px solid #e9e9e9;">
                                            <option value="option1">选项一</option>
                                            <option value="option2">选项二</option>
                                            <option value="option3">选项三</option>
                                        </select>-->
                                        <span class="am-form-caret"></span>
                                    </div>
                                </div>
                            </div>

                            <div class=am-g >
                                <div class="am-u-md-12" id='edit' style="margin-top: 30px;">
                                    <div class="am-form-group">
                                        <input name="suggest" class="" rows="5" id="doc-ta-1" placeholder="写下您的建议...">
                                    </div>
                                </div>
                            </div>

                            <div class="am-g">
                                <!--<div class="am-u-md-9">
                                    <div class="am-form-group am-form-file">
                                        <button type="button" class="am-btn am-btn-default am-btn-sm btn-change">
                                            <i class="am-icon-cloud-upload"></i> 上传文件</button>
                                        <input type="file" multiple>
                                    </div>
                                </div>-->
                                <div class="am-u-md-3">
                                    <p><button type="submit" class="am-btn am-btn-default btn-reguest am-fr btn-fl">提交</button></p>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>		<div class="clear "></div>
<div style="position: relative;top: 50px" th:insert="before/footer :: footer"></div>

<script th:src="@{http://www.jq22.com/jquery/jquery-1.10.2.js}"></script>
<script th:src="@{/static/before/js/froala_editor.min.js}"></script>
<script th:src="@{/static/before/js/plugins/tables.min.js}"></script>
<script th:src="@{/static/before/js/plugins/lists.min.js}"></script>
<script th:src="@{/static/before/js/plugins/colors.min.js}"></script>
<script th:src="@{/static/before/js/plugins/media_manager.min.js}"></script>
<script th:src="@{/static/before/js/plugins/font_family.min.js}"></script>
<script th:src="@{/static/before/js/plugins/font_size.min.js}"></script>
<script th:src="@{/static/before/js/plugins/block_styles.min.js}"></script>
<script th:src="@{/static/before/js/plugins/video.min.js}"></script>

<script>
    $(function(){
        $('#edit').editable({inlineMode: false, alwaysBlank: true})
    });
</script>
<script>
    $(function () {
        $('#myForm').submit(function () {
            alert("感谢您宝贵的建议~点击确定后将返回主页~~");
        });
        return false;
    });
</script>
</body>

</html>
